<template>
  <div class="infoPane">
    <div class="userImg">
      <img src="static/images/chefImgs/1.jpg"/>
      <span> 欢迎用户:username</span>
      <div class="discount">
        我的优惠券
      </div>
    </div>
    <div class="infonavi">
      <ul>
        <li>全部功能
          <ul>
            <li>我的预约</li>
            <li>下单记录</li>
            <li>我的收藏</li>
            <li>浏览记录</li>

          </ul>
        </li>
      </ul>
    </div>

  </div>
</template>

<script>
  export default {
    name: "info"
  }
</script>

<style scoped lang="stylus">
  .infonavi
    ul
     li
       margin 40px 0 0 0
       list-style none
       ul
         li
           margin 20px


  .userImg
    margin 0 0 0 70px

    width 565px
    height 85px
    position: relative;

    span
      position absolute
      margin 20px 0  0 10px
    .discount
      margin 40px
      float: right;

    img
      margin 20px 0 0 20px
      width 65px
      height 65px
      border-radius 34px

</style>
